

@import 'src/style/mixin';

.component_header{
    background-color: $blue;
    position: fixed;
    z-index: 100;
    left: 0;
    top: 0;
    @include wh(100%, 1.95rem);
    .component_header_back{
        left: 0.4rem;
        @include wh(0.6rem, 1rem);
        line-height: 2.2rem;
        margin-left: .4rem;
    }
    .component_header_user{
        right: 0.55rem;
        @include sc(0.65rem, #fff);
        @include ct;
        .component_header-login{
            color: #fff;
        }
        .component_header_avatar{
            fill: #fff;
            @include wh(.8rem, .8rem);
        }
    }
    .component_header_title{
        @include center;
        width: 50%;
        color: #fff;
        text-align: center;
        .component_header_title_text{
            @include sc(0.8rem, #fff);
            text-align: center;
            font-weight: bold;
        }
    }
}

